<template>
  <div>
      <h1>首页</h1>
      {{form}}
      {{count}}
      <button @click="change"> 点击 </button>

      <van-button type="primary">主要按钮</van-button>

  </div>

</template>

<script>
import {reactive,ref,onMounted} from 'vue'
import axios from '../http/axios'
export default {

  // 方法
  setup(){

      // 自定义值
      let form = reactive({'name':'123','password':'asd'})
      let count=ref(0)

      // 点击改变值方法
      const change=()=>{
        form.name='abx'
        count.value=12

        
      }

      const ceshi=()=>{
        axios('test','get').then(res=>{
          console.log(res);
        })

      }

      // 钩子方法 调用方法 执行  
      onMounted(()=>{
          // change()
          ceshi()
      })

      return{
        // 变量方法都需要return
        form,
        count,
        change,
        ceshi,
      }
  }

}
</script>

<style>

</style>